Last Updated –
Progressive web applications are popular with the search engine optimization crowd because they offer great promise for online marketing.
But how are PWAs good for SEO?
I and my business are firmly planted in developing progressive web apps and helping business succeed online
through organic search marketing.
This gives me unique advantages sharing how the two relate and don\’t relate.
Like anything in web development there are a lot of misconceptions floating around that cause confusion for
developers and stakeholders. I want this article to set the record straight, so no one makes mistakes that cost
their business customers.
Much of the confusion focuses on the assumption that progressive web apps are single
page apps (SPAs) or rendered in the browser using heavy JavaScript frameworks.. This is not true and you should read my article if you want
more details about how they differ.
SPAs can technically be PWAs, any site can be a PWA. The requirements to be a progressive web application
boil down to 3 ingredients.
That\’s it!
Well sort of.
They are the 3 core requirements to be a progressive web app. Of
course, there are other \’expected\’ PWA features, like loading fast, working offline, being platform integrated,
etc.
I think many in the SEO and development worlds have confused progressive web applications with single page
applications because Google published an article about PWA SEO. What they were really addressing was single page apps and SEO.
The messaging in that article has scaled across both the online marketing and development worlds. So generally when I read, watch or listen to anything related to PWAs and SEO the message quickly changes from that topic to the topic of JavaScript and SEO.
They are not the same thing!
In that article the Google Search team really talked a lot about web page best practices and addressed many issues single page applications have as it relates to search.
Historically, websites would always generate or render their HTML on the server which is the simplest way to
ensure your content is directly linkable. Web applications popularized the concept of client-side rendering in
which content is updated dynamically on the page as the users navigates without requiring the page to be
reloaded.
See, the Google Webmaster blog starts off assuming you will render your pages on the client, not the server.
Nothing about a PWA requires client-side rendering.
In fact I recommend websites render as much on the server, ahead of time, as a static web page. Then either
rendering on demand server-side as much as possible and leave the last bit for client-side rendering.
Unless you are developing a business application there is little to no reason you should need heavy JavaScript to render content in the browser.
When it comes to pages that need to be indexed and ranked by Google this means almost 100% of the page
should be pre-rendered on the server. Google likes this because it can consume the content and score the
page for search results.
Too much JavaScript and they put the page on a queue and will get around to it if they have time, later.
Sort of like a teenager doing their homework.
Progressive Web Applications And SEO
So back to how PWAs relate to search engine optimization. Can a progressive web app improve SEO?
Well they don\’t really.
Google\’s John Mueller has publicly stated this is the case.
PWAs currently don\’t have any advantage in Google Search (and as far as I know, there are no plans to change this).
Before you give up and stop your service worker development, lets see why. Plus I promise there is a
reward at the end.
The hope is when you go to the trouble of creating a progressive web application you take the care
to craft your website using best practices.
This is the core essence of what a progressive web application really is.
You know, the attention to detail that makes your website stand out against the competition and
really makes the web a better place.
To me a progressive web application applies SEO best practices by design. They are naturally
better websites that consumers want to visit.
These are just places to start. Read my SEO Tips article for more best practices. You can also use automated tools to audit your pages for PWA compatibility and other web best practices.
When they visit your site and appreciate the user experience visitors will trust your brand and be more inclined to add the PWA to their homescreen.
But launching a PWA from the homescreen has little to do with organic search, in fact it is traffic that comes from the customer relationship, not search.
Don\’t get me wrong that traffic is the goal, so go get it. And you should not discount the effect direct traffic can have for your SEO.
Set your goal to leverage progressive web applications to engage your organic visitors and push
through your sales funnel to a more engaging point.
Nurture that relationship so you get more and more traffic directly and a good progressive web
application is the best way to do that.
You just have to do it right.
Now that I have defined PWAs let me take a moment to clarify what search engine optimization is and
is not.
Defining Search Engine Optimization
SEO is about optimizing your website and web pages for better human and search engine consumption.
This means you take the time to make sure site is technical sound and your on-page copy and content communicates
well to your visitors.
The goal is two fold, earning better search rankings and engaging visitors.
Some will tell you it is about link building, and while that is important it is not SEO per se.
Linking building is important if you want your pages to rank well in Google, Bing and other search engines. But the
technical health and the content on your site are what really set you apart.
I see lots of sites on page 2-10 in the search results that have more links than the page 1 results.
I also see pages with fewer links out rank others on page 1. Over time the pages with the best content for the
user\’s search intent bubble to top of the rankings.
Progressive web applications won鈥檛 help you write better copy or use better photos, but a proper PWA
has a strong technical SEO profile.
SEO Technical Best Practices for a
Progressive Web App
Let me circle back to the Google Webmaster article on building indexable PWAs. The article
highlights a series of do\’s and don\’ts. Let me summarize some of the important points.
Search Engine Optimization Experts Like PWAs
SapientRazorfish\’s Ryan Jones says that progressive web apps are
still young and offer to offer lots of opportunities for online marketing. In particular he cites them as being a
mobile first approach, which matches up with Google\’s mobile first initiative.
Mobile! Things like AMP and PWAs are still very young and offer lots of opportunity…
Cindy Krum the CEO of MobileMoxie was real excited about
progressive web applications. She recognizes that progressive web apps operate just like regular native
applications and highlights the fact that both android and Microsoft are elevating progressive web apps to equal
level of native applications.
Mobile SEO in 2018 is going to be all about Progressive Web Apps (PWAs). Google has begun to treat
PWAs just like normal apps in their Android OS…
She also notes that fewer and fewer people are searching for native applications in the app store\’s. And just
like I recently posted, she also acknowledged the fact that Apple is starting to reject more apps and cleaning
their app store while recommending that many businesses ship progressive web applications instead of native apps.
Cindy\’s observations are right on point, because progressive web applications offer great opportunities for
businesses to have great search engine exposure by implementing web development and performance best practices.
When websites implement these best practices to create the best user experiences, which is what Google Google is
looking for when ranking search results.
If you missed it, in 2017 Apple made it clear that Safari would soon support the ServiceWorker files
that make PWAs so fast, so it seems like they have flipped, and really see the benefits.
The great thing about progressive web apps is that the web is naturally great at reaching your target audiences. And
when it comes down to marketing and search engine ranking it\’s about being able to reach the right people as
efficiently as possible.
As mentioned before fewer people are seeking out native apps on mobile devices. This is because app stores have
never been good at discoverability. Searching for new apps is difficult. Then the app install process has multiple
steps a user must go through for they can even get to the content you are trying to promote.
Studies have shown that the average cost to acquire a new app download user ranges between 2 1/2 to $15 per app
install. It becomes even worse when you consider that one in 10 app installs are never used more than once. This
means acquiring a true customer can cost at least 25 $250 each.
The web is great at reaching customers quickly and efficiently. Search engines like Google and being highly
optimized to provide the right answers to the questions potential customers are asking. Is still up to you to
create the content and the experience that resonates the best with those potential customers. Progressive web
applications give you the platform to accomplish that efficiently and effectively.
The cost to acquire a visitor to a particular webpage can be as little as a half cent and often cost no more than a
nickel. Of course in some cases it could cost more and some competitive niches but generally it\’s only a few
pennies to drive targeted traffic to your content. This gives you that initial engagement point to earn that
customers respect.
If you do this well enough, that customer might then add your progressive web application to the home screen and had
your brand on their desktop or mobile device all the time. This gives you a very unique opportunity to engage with
them at a very deep level.
If you\’re trying to plan your 2018 search engine marketing strategy I hope you seriously consider upgrading
your web presence to a progressive web application. Doing so should increase your ability to rank your content on
the keywords you want most.
Why a Progressive Web Application Won\’t
Help Your SEO
As a PWA practitioner I probably should not be sharing they don\’t affect your SEO. But from a purely
technical
perspective they don\’t help SEO. The magic is in making a great web user experience.
What many don\’t understand is how service workers work. They think they magically make web pages
faster, they don\’t,
especially the first time someone visits the site.
That\’s because a service worker has to be registered and is not active by default the first time a
page is loaded.
And while service workers can cache web pages and the resources required to render pages there is
no benefit if
they are not already cached.
When the page assets are cached before someone loads the page it does not mean the page renders
fast. Too
much JavaScript is too much JavaScript afterall. And time
to first byte
is not the main page speed factor, it is the time after the HTML document loads that really
matters.
Organic search traffic is often traffic that has not visited your site yet. And if they have not
already visited the
target page, they most likely don\’t have that content cached. They may have the CSS, some images
and JavaScript
files cached, but they all need to be loaded, parsed, executed, etc before the page reaches the
time to first
interaction.
How Progressive Web Apps Help SEO
Don\’t give up hope yet. PWAs will improve your organic search profile.
How?
By making your user experience better than your competition. Well at least better than it was before you upgrade to a progressive web app.
Look past the three core technical requirements to be a progressive web application and focus on the intent of the movement, to deliver great user experiences.
When you deliver a great user experience people want to visit your site over competing options. When they see your brand in the results they will recall you gave them what they wanted and the experience was positive.
SEOs know click through rate influences search position. More clicks or votes by searchers for a result and over time it moves up.
But that is just one metric you can measure. All the little things you do to make your site the best create the experience that rises above the information.
This will indirectly and directly influence your serps and typically in the positive direction.
Wrapping it Up
Progressive web applications are great for SEO because they are meant to deliver the best web
experiences. But like
anything else, developers and marketers can mess things up.
Follow the web\’s best practices and you will reap the benefits of great organic search traffic. This
means make your
site mobile first, fast on mobile, usable on all screen sizes and has sound on page SEO.
PWAs help you build long lasting relationships with customers. That is a great reward, but you will also experience a universal lift, like organic search, because your site puts user experience first.
If you follow all these best practices then you will be successful, even if you are not targeting
organic search traffic.
This content was originally published here.